<template>
  <div id="header">
    {{ title }}
  </div>
</template>

<script>
export default {
  name: "PageHeader",
  props: ["title"],
};
</script>

<style scoped>
#header {
  position: fixed;
  top: 0px;
  background: #e54847;
  width: 100%;
  color: white;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
}
</style>